<div style='margin-bottom: 10px;'>
    <input type="hidden" name="ticketId" id="ticketId" value="{$ticketId}">
	<table cellpadding="0" cellspacing="0" class="inline" style="width: 100%">
	    <tr>
	    	<th>{translate}Radiology ticket list{/translate}</th>
	        <td style="width: 250px; text-align: right;">
	        	<span class="label">{translate}Service type{/translate}</span>
	            <select id="radType{$ticketId}" name="radType" style="width: 150px;">
	                {html_options options=$radTypeList}
	            </select>
	        </td>
	        <td style='width: 40px; text-align: right;'>
	        	<a href="javascript:loadRadiologyAssingmentInput({$ticketId})" title="{translate}Add{/translate}" id="addRadAssigment">
	        		<img src="{$base_uri}/images/add_page.png"/>
	        	</a>
	        </td>
	        <td style="width: 50px">
	            <div id="actionButtonDiv{$ticketId}" style='text-align: right;'>
	                <a id="reloadRadPanel{$ticketId}" onclick="loadRadiologyAssignmentPanel({$ticketId})" style="cursor: pointer"><img src="{$base_uri}images/refresh.png"></a>
	            </div>
	            <div id="loaderDiv{$ticketId}" style="display: none; text-align: right;">
	                <img src="{$base_uri}images/ajax-loader.gif">
	            </div>
	        </td>
	    </tr>
	</table>
</div>
<!-- List of radiology assignment of the ticket -->
<div>
    {$assignmentList}
</div>

<div id="radiologyAssignmentDialog" style="display: none;"></div>